<template>
    <!-- footer -->
    <div class="footer">
      <div class="container">
        <div class="footer-main clear">
          <div class="company">
  
            云享新零售
            <br> 网站备案号： 粤ICP备17044711号-1
            <br> 公司邮箱：18033448377@163.com
          </div>
          <div class="mobile clear">
            <div class="code">
              <img src="../assets/images/temp/code.jpg" alt="">
            </div>
            <div class="text">
              手机浏览更方便
              <br> 打开浏览器或是微信扫一扫，
              <br> 扫描二维码
            </div>
          </div>
        </div>
      </div>
  </div>
</template>

<script>
export default {
    data() {
        return {

        }
    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

/* footer */
.footer {
  background: #2e3136;
}

.footer-main {
  color: #fff;
  font-size: 13px;
  padding: 50px 0;
}

.footer-main .company {
  line-height: 26px;
  width: 37%;
  float: left;
  text-align: center;
  padding-right: 100px;
  padding-top: 15px;
}

.footer-main .mobile {
  float: left;
  padding-left: 100px;
  border-left: 1px solid #838486;
}

.footer-main .mobile .code {
  float: left;
  width: 120px;
  height: 120px;
}

.mobile .code img {
  width: 120px;
  height: 120px;
}

.mobile .text {
  float: left;
  line-height: 26px;
  padding-top: 15px;
  padding-left: 60px;
}
</style>
